<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>充电站机柜</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/chargingRack.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
	<div class="top"></div>
  	<div class="part">
    	<form class="form-horizontal" id="chargingRackSearch">
  		<input id="rows" name="rows" hidden="hidden" value="10">
  		<input id="page" name="page" hidden="hidden" value="1">
    	</form>
	</div>
	<div class="part">
      <h4 class="partTitle"><strong>充电站机柜列表</strong></h4>
      <div class="partTable">
          <table class="table table-hover" id="chargingRackTable1">
              <thead>
                <tr>
                  <th class = "nowidth">序号</th>
                  <th>充电站名称</th>
                  <th>路由器</th>
                  <th>交换机1</th>
                  <th>交换机2</th>
                  <th>交换机3</th>
                  <th>门锁状态</th>
                  <th>详情</th>
                </tr>
              </thead>
              <tbody id="chargingRackTbody1">
              </tbody>
          </table>
        </div>
        <div class="partBtn">
			  <div class="partTurnPage">
		          <ul class="list-inline">
		              <li id="total">共0页 0条记录</li>
		              <li class="pageDiv"></li>
		          </ul>
		      </div>
		  </div>
	</div>
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
	  <div class = "popupTable">
      <div class="modal-header titleAll">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true" class="close">&times;</span>
        </button>
        <h4 class="modal-title" id = "title"></h4>
      </div>
      </div>
          <div class="modal-body">
	          <div id="table1">
	            <div class="modal-header title"><strong>充电站机柜列表详情</strong></div>
	            <table class="table table-hover" id="chargingRackTable">
		              <thead>
		                <tr>
		                  <th class = "nowidth">序号</th>
		                  <th>充电站名称</th>
		                  <th>充电站地址</th>
		                  <th>路由器</th>
		                  <th>交换机1</th>
		                  <th>交换机2</th>
		                  <th>CAN-TCP</th>
		                  <th>门锁状态</th>
		                  <th>温度计</th>
		                  <th>空调状态</th>
		                </tr>
		             </thead>
		            <tbody id="chargingRackTbody">
              		</tbody>
	            </table>
	            <div class="modal-footer">
	          <button type="button" class="btn btn-primary" onclick="confirm();">确定</button>
	          <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
           </div>
	          </div>
        </div>
      </div>
</body>
</html>